<template>
    <Modal
            width="800"
            v-model="visible"
            :title="title"
            :styles="{top: '20px'}"
           >
        <div style="width: 80%;padding-left: 10%;padding-right: 10%">
            <Form :label-width="130" :disabled="disableSubmit">
                <Form-item label="属地区划:">
                    <Input v-model="model.tacp0002"/>
                </Form-item>
                <Form-item label="经办人姓名:">
                    <Input v-model="model.tacp0003"/>
                </Form-item>
                <Form-item label="经办人身份证号码:">
                    <Input v-model="model.tacp0004"/>
                </Form-item>
                <Form-item label="经办人性别">
                    <Input v-model="model.tacp0005"/>
                </Form-item>
                <Form-item label="工作单位">
                    <Input v-model="model.tacp0007"/>
                </Form-item>
                <Form-item label="职务">
                    <Input v-model="model.tacp0008"/>
                </Form-item>
                <Form-item label="专职/兼职">
                    <Input v-model="model.tacp0009"/>
                </Form-item>
                <Form-item label="亲属关系">
                    <Input v-model="model.tacp0006"/>
                </Form-item>
                <Form-item label="近亲属姓名">
                    <Input v-model="model.tacp0011"/>
                </Form-item>
                <Form-item label="近亲属身份证号码">
                    <Input v-model="model.tacp0013"/>
                </Form-item>
                <Form-item label="近亲属性别">
                    <Input v-model="model.tacp0012"/>
                </Form-item>
                <Form-item label="联系电话">
                    <Input v-model="model.tacp0010"/>
                </Form-item>
            </Form>
        </div>
        <div slot="footer">
            <Button @click="cancel">取消</Button>
            <template v-if="!disableSubmit">
                <Button type="primary" @click="ok">确定</Button>
            </template>
        </div>
    </Modal>
</template>

<script>
    export default {
        data() {
            return {
                modal1: false,
                title: "",
                visible: false,
                disableSubmit: false,
                model: {}
            }
        },
        methods: {
            ok() {
                // this.$Message.info('点击了确定');
            },
            cancel() {
                this.visible = false;
            },
            edit(row) {
                this.visible = true
                this.model = Object.assign({}, row);
            },
        }
    }
</script>

<style scoped>

</style>